<section class="services">
	<div class="container">
		<div class="row-fluid">
			<div class="span3">
				<form>
					<fieldset>
						<legend>
							<h3>Formulario de busqueda</h3>
						</legend>
						<label><strong>Fecha Inicial:</strong></label>
						<div class="input-append date" id="dpfinicial" data-date=""
							data-date-format="yyyy-mm-dd">
							<input class="span12" type="text" value="" readonly="readonly"
								onkeypress="return false;" onclick="this.value=''"> <span
								class="add-on"><i class="icon-calendar"></i></span>
						</div>
						<label><strong>Fecha Final:</strong></label>
						<div class="input-append date" id="dpffinal" data-date=""
							data-date-format="yyyy-mm-dd">
							<input class="span12" type="text" value="" readonly="readonly"
								onkeypress="return false;" onclick="this.value=''"> <span
								class="add-on"><i class="icon-calendar"></i></span>
						</div>
						<div class="span11 text-right">
							<button type="submit" class="btn btn-info">Buscar</button>
						</div>

					</fieldset>
				</form>
			</div>

			<div class="span9">
				<legend>
					<h3>Lista de operaciones</h3>
				</legend>
				<table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th>ID</th>
							<th>Empleado</th>
							<th>Fecha</th>
							<th>Monto</th>
							<th>Metodo</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>2014-03-01 16:33:54</td>
							<td>  $ 500.00</td>
							<td> VALE</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>2014-03-01 16:33:54</td>
							<td>  $ 500.00</td>
							<td> VALE</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>2014-03-01 16:33:54</td>
							<td>  $ 500.00</td>
							<td> MONEDERO</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>2014-03-01 16:33:54</td>
							<td>  $ 800.00</td>
							<td> VALE</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Francisco Gonzalez Guzman</td>
							<td>2014-03-01 16:33:54</td>
							<td>  $ 700.00</td>
							<td> MONEDERO</td>
						</tr>
					</tbody>
				</table>
				<hr>
				<div class="pagination pagination-centered">
					<ul>
						<li><a href="#">Prev</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">Next</a></li>
					</ul>
				</div>
			</div>
		</div>
		<hr>

	</div>
</section>
<script type="text/javascript">
	$(".nav li").removeClass('active');
	$(".transacciones").addClass('active');
	
</script>